<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/discover.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav detail">
	       <a class="mui-pull-left icon-left" href="index.html"></a>
	       <h1 class="detail-tit mui-ellipsis mui-pull-left">摄影商家</h1>
	       <a href="" class="mui-pull-right icon-serve" style="font-size: .64rem;"></a>
	   </header>
		<div class="mui-content">
			<!--主题内容-->

			<!--S二级导航-->
				<!--<div class="sub-nav">
					<a class="cus-col-6 active" data-index="1" href="list_sysj.html">
						摄影商家
					</a>
					<a class="cus-col-6 " data-index="0" href="list_sytx.html">
						摄影套系
					</a>
				</div>-->
			<!--E二级导航-->
			
			<!--S筛选框-->
			<div id="selectWrap">
	   		</div>
			<!--E筛选框-->
			<div id="content-wrap">
				<div class="loading">
					<img src="img/static/loading1.gif"/>
				</div>
			</div>
		</div>
		<!--脚部-->
		<nav class="mui-bar mui-bar-tab condition">
			 <button class="sort-btn">排序</button>
			 <button class="screen-btn active">筛选</button>
		</nav>
		<!--S筛选框-->
		<script type="text/html" id="selectJs">
				<div class="select close">
	   				<div class="select-wrap">
	   					{{each result as item index}}
			   				<div class="select-item mui-clearfix">
								<div class="select-header mod-title-24" data-type="{{item.type}}">
									{{item.name}}
								</div>
								<div class="select-content">
									<ul>
										{{each item.con as coniemt}}
										<li  data-wy="{{coniemt.wy}}">{{coniemt.name}}</li>
										{{/each}}
									</ul>
								</div>
							</div>
						{{/each}}
	   				</div>
	   			</div>
	   			<div class="rank close" data-type="{{paixu.type}}">
					 <ul>
					 	{{each paixu.con as item index}}
					 		<li data-wy="{{item.id}}">{{item.name}}</li>
					 	{{/each}}
					 </ul>
				</div>
				<div class="select-btn close">
					<button class="clear-btn">清除</button>
					<button class="confirm-btn">确认</button>
				</div>
				<!--覆盖层-->
				<div class="p-cover close">
						
				</div>
		</script>
		<!--S筛选框-->
		
		<!--婚礼管家-->
		<script type="text/html" id="chsjJs">
			<div class="item-list">
				{{each planlist as item index}}
				<a href="detail_chsj.html?wy={{item.wy}}">
					<div class="plan-item">
						<div class="plan-item-header mui-clearfix">
							<div class="pih-img mui-pull-left">
								<img src="{{item.pic}}" />
							</div>
							<div class="pih-info mui-pull-left">
								<h2 class="mod-title-30 mui-ellipsis">{{item.name}}</h2>
								<p class="mod-detail-22 mui-ellipsis">{{item.abstract}}</p>
							</div>
						</div>
						<div class="plan-item-body mui-clearfix">
							<img src="{{item.packages[0]}}?imageView2/1/w/447/h/447" class="big-img" />
							<img src="{{item.packages[1]}}?imageView2/1/w/213/h/213" class="small-img" />
							<img src="{{item.packages[2]}}?imageView2/1/w/213/h/213" class="small-img2" />
						</div>
						<div class="plan-item-detail">
							<p class="mod-price mui-ellipsis mt12">{{item.prices}}</p>
							<p class="mod-info-24 mui-ellipsis mt16">案例套餐：{{item.case_num}}</p>
							<p class="mod-title-24 mui-ellipsis mt20"><i class="icon-locat mr6"></i>{{item.address}}</p>
						</div>
					</div>
				</a>
				{{/each}}
			</div>
		</script>
		<!--婚礼管家-->

		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/event/list_event.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		trueAjax();
		/*筛选事件*/
		/*筛选筛选框*/
		drawFilter("http://www.xhwed.com/xhwe.php/WeddingPhotography/filter");
		/*请求内容*/
		function trueAjax() {
			/*请求内容*/
			/*请求关闭覆盖层*/
			toggleBtn(".p-cover,.select,.rank,.select-btn",false);
			mui.ajax("http://www.xhwed.com/xhwe.php/WeddingPhotography/planList",{
				data:getData(),
				dataType:'json',//服务器返回json格式数据
				type:'post',//HTTP请求类型
				timeout:10000,//超时时间设置为10秒；
				//headers:{'Content-Type':'application/json'},	              
				success:function(data){
					console.log(data);
					var html =data.result.planlist!=null?template("chsjJs",data.result):'<div class="null-img"><img src="img/static/null.jpg"/></div>';
					mui("#content-wrap")[0].innerHTML = html;
					//console.log(getData());
				},
				error:function(xhr,type,errorThrown){
					//异常处理；
					console.log(type);
				}
			})
		}
		</script>
	</body>

</html>